<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" href="/lib/element-ui/index.css">
    <style>
    </style>
</head>
<body>
<div style="display: flex; justify-content: center;">
    <div id="app" style="display: flex; flex-direction: column; justify-items: center; padding: 20px; min-width: 1000px;">
        <div style="display: flex; justify-content: flex-end;">
            <el-button @click="backToIndex">返回主页</el-button>
        </div>
        <el-tabs type="border-card">
            <el-tab-pane lazy label="价格差值计算">
                <price-calculate />
            </el-tab-pane>
            <el-tab-pane lazy label="配置管理">配置管理</el-tab-pane>
            <el-tab-pane lazy label="角色管理">角色管理</el-tab-pane>
            <el-tab-pane lazy label="定时任务补偿">定时任务补偿</el-tab-pane>
        </el-tabs>
    </div>
</div>
</body>
<script src="/lib/vue/vue.min.js"></script>
<script src="/lib/axios/axios.min.js"></script>
<script src="/lib/element-ui/index.js"></script>

<script src="/js/tools/priceCalculate.js"></script>
<script>
    const vm = new Vue({
        el: '#app',
        data() {
            return {
            }
        },

        methods: {
            backToIndex: function () {
                location.href = '/'
            }
        },

        watch: {
        },

        mounted: function () {
        }
    })
</script>
</html>
